{% load staticfiles %}
<html>
	<head>
		<link rel="stylesheet" href="{% static 'emhub/css/bootstrap.min.css' %}">
		<link rel="stylesheet" href="{% static 'emhub/css/bootstrap-theme.min.css' %}">
		<link rel="stylesheet" href="{% static 'emhub/css/navBar.css' %}">
		<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  		<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
		<script type="text/javascript" href="{% static 'emhub/js/bootstrap.js' %}"></script>
		<script type="text/javascript" href="{% static 'emhub/js/npm.js' %}"></script>
		<script type="text/javascript" href="{% static 'mysite/js/main.js' %}"></script>
	</head>

	<body style="margin-left: 10%;margin-right: 10%;background-color: #8CD0EA">
		<div style="margin-left:10%;margin-right:10%;background-color: #555555;height: 100%">
			<div id="custom-bootstrap-menu" class="navbar navbar-default navbar-static-top" role="navigation">
<!-- 			    <div class="container-fluid"> -->
			        <div class="navbar-header"><a class="navbar-brand" href="{% url 'home' %}"><img src="{% static 'emhub/img/logo.jpg' %}" style="height:100%"></img></a>
			            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
			            </button>
			        </div>
			        <div class="collapse navbar-collapse navbar-menubuilder">
			            <ul class="nav navbar-nav navbar-left">
			                <li><a href="{% url 'emhub:home' %}">Home</a>
			                </li>
			                <li><a href="{% url 'gcalendar:index' %}">Calendar</a>
			                </li>
			                <li><a href="{% url 'todo-lists' %}">To-do Lists</a>
			                </li>
			                <li><a href="{% url 'todo-mine' %}">Tasks</a>
			                </li>
			            </ul>
			            <ul class="nav navbar-nav navbar-right">
			            	<li>
			            		<a href="{% url 'account:account_settings' %}">Settings</a>
			            	</li>
			            	<li><a href="{% url 'account:account_logout' %}">Logout</a>
			      			</li>
			            </ul>
			        </div>
<!-- 			    </div> -->
			</div>
			<div class="container-fluid">
				{% block content %}
					<h1>Welcome to eMHub your one stop content management</h1>
			</div>
			<div class="container-fluid">
					<iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23ffffff&amp;src=global.emhub%40gmail.com&amp;color=%231B887A&amp;src=juluo41buga1pbsecjo7t9fu0k%40group.calendar.google.com&amp;color=%23333333&amp;src=l9am6s2f1j5b11cja3ipnv4djk%40group.calendar.google.com&amp;color=%23B1365F&amp;src=en.usa%23holiday%40group.v.calendar.google.com&amp;color=%23125A12&amp;ctz=America%2FNew_York" style="border-width:0" width="100%" height="600" frameborder="0" scrolling="no"></iframe>
				{% endblock %}
			</div>
		</div>
	</body>

	<link rel="stylesheet" href="{% static 'emhub/css/emhub.css' %}">
</html>